<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- <link type="text/css" rel="stylesheet" href="fs.css" /> -->

<style type="text/css">
.stats {
	margin: 10px;
	float: left;
}

.userTitleText {
	font-family: sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
	line-height: 100%;
	/*margin-bottom: 20px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.translate {
	font-family: sans-serif;
	font-size: 0.8em;
}

.userPlaceText {
	font-size: 0.8em;
}

#userDetails {
	float: left;
	margin: 10px;
	min-width: 240px;
}

#userPic {
	margin: 10px;
	float: left;
}

#userInfoManagebtn {
	width: 40px;
	position: relative;
	float: right;
	right: 0px;
	position: relative;
}

#userInfo {
	float: left;
}
</style>
</head>

<body>
	<div id="userInfo">
		<div id="userPic">
			<img src="images/profile1.jpg" width="64" height="64">
		</div>
		<div id="userDetails">
			<h1 class="userNameText">Heojin Kwen</h1>
			<p class="userPlaceText">Hauppauge, NY</p>
			<p class="userTitleText">I am so handsome.</p>
			<div id="userStats">
				<div class="stats">
					<h2>
						<a href=""> <img src="images/icon_checkin.png" height="32"
							width="32" alt=""> 736
						</a>
					</h2>
					<span class="translate">Check-ins</span>
				</div>
				<div class="stats">
					<h2>
						<a href="circle.jsp"> <img src="images/icon_calendar.png"
							height="32" width="32" alt=""> 337
						</a>
					</h2>
					<span class="translate">Circles</span>
				</div>
				<div class="stats">
					<h2>
						<a href="UserLists.jsp"> <img src="images/icon_tips.png"
							height="32" width="32" alt=""> 33
						</a>
					</h2>
					<span class="translate">Friends</span>
				</div>
				<!--       <div class="stats statsLast"> -->
				<!--         <a href="http://twitter.com/djbigd75" rel="me" target="_blank"> -->
				<!--           <img src="https://static-s.foursquare.com/img/twitterIcon-fa3f490ee5c4d7933c21bf7ee39d531a.png"> -->
				<!--         </a> -->
				<!--         <a href="http://www.facebook.com/profile.php?id=1178974443" rel="me" target="_blank"> -->
				<!--           <img src="https://static-s.foursquare.com/img/facebookIcon-95d95784c474d2d4538d28404f6fc23f.png"> -->
				<!--         </a> -->
				<!--       </div> -->

			</div>
		</div>
	</div>
</body>
</html>